<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../common/style/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../common/style/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../../common/style/select.css">
    <script src="../../common/lib/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="../../common/js/md5.js"></script>
    <script src="../../common/js/vue.min.js"></script>
    <script src="../../common/js/axios.min.js"></script>
    <script src="../../common/js/aui-toast.js"></script>
    <script
      type="text/javascript"
      src="../../common/request/request.js?version=1.0.12"
    ></script>
    <script type="text/javascript" src="./js/activity.js?version=1.0.12"></script>
</head>

<body class="layout-w">
    <div class="select-header aui-clearfix" id="layout-a">
        <!-- <div class="aui-bar aui-bar-btn aui-bar-btn-sm aui-bar-btn-full new-house-type-tab">
            <div class="aui-bar-btn-item aui-active">按房源显示</div>
            <div class="aui-bar-btn-item">按公司显示</div>
        </div> -->
        <div class="all-list aui-content">
            <ul class="aui-list aui-list-in">
                <li class="aui-list-item" v-for="house in houseList" @click="toDetail(house)">
                    <div class="aui-list-item-media">
                        <img :src="house.imgUrl?getImgUrl()+house.imgUrl:'../../common/images/noupload.png'">
                        <a href="javascript:;"><img src="../../common/images/3D.svg"></a>
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title aui-ellipsis-1" style="width:100%;" v-html="house.title"></div>
                        </div>
                        <div class="aui-info" style="padding:.2rem 0 0;">
                            <div class="aui-info-item">
                                <span class="mianji"><small>上架:</small><small v-html="forDate(house.releaseTime)"></small></span>&nbsp;
                                <!-- <span class="zhizu-plan" v-show="house.companyType == 1 || house.companyType == 2"><small>直租计划</small></span> -->
                            </div>
                            <div class="aui-info-item"><span class="blue" v-html="house.price"></span>&nbsp;<small>元/m²·天</small></div>
                        </div>
                        <div class="aui-info" style="padding-top:.1rem;">
                            <div class="aui-info-item"><small v-html="house.townName"></small>·<small v-html="house.tradingArea"></small></div>
                            <div class="aui-info-item"><span v-html="houseCollectionNum[$index].count"></span><small> 人收藏</small></div>
                        </div>
                        <div class="aui-info" style="padding:.2rem 0 0;">
                            <div class="aui-info-item">
                                <a href="javascript:;" class="traffic"><small v-html="house.subwayDistanceName"></small></a>
                            </div>
                            <div class="aui-info-item"><small>浏览量&nbsp;</small> <span>{{ countVisitsLisst[$index].count }}</span></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <a class="back-to-top" href="javascript:;">
        <img src="../../common/images/totop.svg">
    </a>
    <script src="../../common/lib/aui-tab.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // var tab = new auiTab({
            //     element: document.getElementById("select-tab"),
            //     index: 2,
            //     repeatClick: false
            // }, function (ret) {
            //     console.log(ret);
            // });

            //回到顶部
            window.onscroll = function () {
                var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
                if (scrollTop >= 100) {
                    $('.back-to-top').fadeIn();
                } else {
                    $('.back-to-top').fadeOut();
                }
            }
            $('.back-to-top').click(function () { $('html,body').animate({ scrollTop: '0px' }, 500); });
        })
    </script>
</body>

</html>